天体写真集

画像の上にマウスを重ねると、その画像がカラーで表示されます。





▼ソース
<HTML>

<HEAD>
<TITLE>魅せるホームページ作成講座</TITLE>
</HEAD>

<BODY>

<H1>天体写真集</H1>
画像の上にマウスを重ねると、その画像がカラーで表示されます。<BR>
<BR>
<IMG src="photo01.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">
<IMG src="photo02.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">
<IMG src="photo03.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">
<BR>
<IMG src="photo04.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">
<IMG src="photo05.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">
<IMG src="photo06.jpg" style="filter:gray()"
onMouseover="iro(this)" onMouseout="mono(this)">

<SCRIPT language="JavaScript">
<!--
function iro(image){
image.filters["gray"].enabled = false;
}
function mono(image){
image.filters["gray"].enabled = true;
}
// -->
</SCRIPT>

</BODY>

</HTML>

PCpylg}Wz O~yz Yahoo yV NTT-X Store

z[y[W NWbgJ[h COiq [ COsI COze